<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>

    
  <title>这是首页</title>  
  
  
  

  
  <div class="spacer-xs">
						<!-- Row start -->
			      <div class="row no-gutter">
			        <div class="col-md-6 col-sm-6 col-xs-12">
			          <div class="panel panel-default">
			            <div class="panel-heading">
										<h4>Default Form Elements</h4>
										<ul class="links">
											<li>
												<a href="#" data-original-title="" title="">
													<i class="fa fa-list"></i>
												</a>
											</li>
										</ul>
									</div>
			            <div class="panel-body">
			              <form role="form">
			                <div class="form-group">
			                  <label for="exampleInputEmail1">Email address</label>
			                  <input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter email">
			                </div>
			                <div class="form-group">
			                  <label for="exampleInputPassword1">Password</label>
			                  <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
			                </div>
			                <div class="checkbox">
			                  <label>
			                    <input type="checkbox"> Check me out
			                  </label>
			                </div>
			                <button type="submit" class="btn btn-success">Submit</button>
			              </form>
			            </div>
			          </div>
			        </div>
			        <div class="col-md-6 col-sm-6 col-xs-12">
			          <div class="panel panel-default">
			            <div class="panel-heading">
										<h4>Horizontal Form</h4>
										<ul class="links">
											<li>
												<a href="#" data-original-title="" title="">
													<i class="fa fa-list"></i>
												</a>
											</li>
										</ul>
									</div>
			            <div class="panel-body">
			              <form class="form-horizontal" role="form">
			                <div class="form-group">
			                  <label for="inputName" class="col-sm-2 control-label">Name</label>
			                  <div class="col-sm-10">
			                    <input type="email" class="form-control" id="inputName" placeholder="Email">
			                  </div>
			                </div>
			                <div class="form-group">
			                  <label for="inputEmail3" class="col-sm-2 control-label">Email</label>
			                  <div class="col-sm-10">
			                    <input type="email" class="form-control" id="inputEmail3" placeholder="Email">
			                  </div>
			                </div>
			                <div class="form-group">
			                  <label for="inputPassword3" class="col-sm-2 control-label">Password</label>
			                  <div class="col-sm-10">
			                    <input type="password" class="form-control" id="inputPassword3" placeholder="Password">
			                  </div>
			                </div>
			                <div class="form-group" style="margin-bottom: 2px;">
			                  <div class="col-sm-offset-2 col-sm-10">
			                    <div class="checkbox">
			                    <label>
			                      <input type="checkbox"> Remember me
			                    </label>
			                    </div>
			                  </div>
			                </div>
			                <div class="form-group" style="margin-bottom: 0px;">
			                  <div class="col-sm-offset-2 col-sm-10">
			                    <button type="submit" class="btn btn-success">Sign in</button>
			                  </div>
			                </div>
			              </form>
			            </div>
			          </div>
			        </div>
			      </div>
			      <!-- Row end -->

			      <!-- Row start -->
			      <div class="row no-gutter">
			        <div class="col-md-6 col-sm-6 col-xs-12">
			          <div class="panel panel-default">
			            <div class="panel-heading">
										<h4>Input Sizing</h4>
										<ul class="links">
											<li>
												<a href="#" data-original-title="" title="">
													<i class="fa fa-list"></i>
												</a>
											</li>
										</ul>
									</div>
			            <div class="panel-body">
			              <div class="input-group input-group-lg">
			                <span class="input-group-addon">@</span>
			                <input type="text" class="form-control input-lg" placeholder="Username">
			              </div>
			              <br>
			              <div class="input-group">
			                <span class="input-group-addon">$</span>
			                <input type="text" class="form-control" placeholder="Currency">
			              </div>
			              <br>
			              <div class="input-group input-group-sm">
			                <span class="input-group-addon">{}</span>
			                <input type="text" class="form-control" placeholder="Code">
			              </div>
			            </div>
			          </div>
			        </div>
			        <div class="col-md-6 col-sm-6 col-xs-12">
			          <div class="panel panel-default">
			            <div class="panel-heading">
										<h4>Height Sizing</h4>
										<ul class="links">
											<li>
												<a href="#" data-original-title="" title="">
													<i class="fa fa-list"></i>
												</a>
											</li>
										</ul>
									</div>
			            <div class="panel-body">
			              <select class="form-control input-lg">
			                <option value="">.input-lg</option>
			              </select>
			              <br>
			              <select class="form-control">
			                <option value="">Default select</option>
			              </select>
			              <br>
			              <select class="form-control input-sm">
			                <option value="">.input-sm</option>
			              </select>
			            </div>
			          </div>
			        </div>
			      </div>
			      <!-- Row end -->

			      <!-- Row start -->
			      <div class="row no-gutter">
			        <div class="col-md-12 col-sm-12 col-xs-12">
			          <div class="panel panel-default">
			            <div class="panel-heading">
										<h4>Input Groups</h4>
										<ul class="links">
											<li>
												<a href="#" data-original-title="" title="">
													<i class="fa fa-list"></i>
												</a>
											</li>
										</ul>
									</div>
			            <div class="panel-body">
			              <div class="row no-gutter">
			                <div class="col-lg-4 col-sm-4">
			                  <div class="input-group">
			                  <span class="input-group-addon">@</span>
			                  <input type="text" class="form-control" placeholder="Username">
			                </div>
			                </div>
			                <div class="col-lg-4 col-sm-4">
			                  <div class="input-group">
			                    <input type="text" class="form-control">
			                    <span class="input-group-addon">.00</span>
			                  </div>
			                </div>
			                <div class="col-lg-4 col-sm-4">
			                  <div class="input-group">
			                    <span class="input-group-addon">$</span>
			                    <input type="text" class="form-control">
			                    <span class="input-group-addon">.00</span>
			                  </div>
			                </div>
			              </div>
			            </div>
			          </div>
			        </div>
			      </div>
			      <!-- Row end -->

			      <!-- Row start -->
			      <div class="row no-gutter">
			        <div class="col-md-12 col-sm-12 col-xs-12">
			          <div class="panel panel-default">
			            <div class="panel-heading">
										<h4>Bitton Addons</h4>
										<ul class="links">
											<li>
												<a href="#" data-original-title="" title="">
													<i class="fa fa-list"></i>
												</a>
											</li>
										</ul>
									</div>
			            <div class="panel-body">
			              <div class="row no-gutter">
			                <div class="col-lg-6 col-sm-6 col-sx-6">
			                  <div class="input-group">
			                    <span class="input-group-btn">
			                      <button class="btn btn-default" type="button" data-original-title="" title="">Go!</button>
			                    </span>
			                    <input type="text" class="form-control">
			                  </div>
			                </div>
			                <div class="col-lg-6 col-sm-6 col-sx-6">
			                  <div class="input-group">
			                    <input type="text" class="form-control">
			                    <span class="input-group-btn">
			                      <button class="btn btn-default" type="button" data-original-title="" title="">Submit!</button>
			                    </span>
			                  </div>
			                </div>
			              </div>
			            </div>
			          </div>
			        </div>
			      </div>
			      <!-- Row end -->

			      <!-- Row start -->
			      <div class="row no-gutter">
			        <div class="col-md-12 col-sm-12 col-xs-12">
			          <div class="panel panel-default">
			            <div class="panel-heading">
										<h4>Check Boxes &amp; Radio Addons</h4>
										<ul class="links">
											<li>
												<a href="#" data-original-title="" title="">
													<i class="fa fa-list"></i>
												</a>
											</li>
										</ul>
									</div>
			            <div class="panel-body">
			              <div class="row no-gutter">
			                <div class="col-md-3 col-sm-3">
			                  <div class="input-group">
			                    <span class="input-group-addon">
			                      <input type="checkbox">
			                    </span>
			                    <input type="text" class="form-control">
			                  </div>
			                </div>
			                <div class="col-md-3 col-sm-3">
			                  <div class="input-group">
			                    <span class="input-group-addon">
			                      <input type="checkbox" checked="">
			                    </span>
			                    <input type="text" class="form-control">
			                  </div>
			                </div>
			                <div class="col-md-3 col-sm-3">
			                  <div class="input-group">
			                    <span class="input-group-addon">
			                      <input type="radio" name="optionsRadio" id="optionsRadiosX" value="optionx">
			                    </span>
			                    <input type="text" class="form-control">
			                  </div>
			                </div>
			                <div class="col-md-3 col-sm-3">
			                  <div class="input-group">
			                    <span class="input-group-addon">
			                      <input type="radio" name="optionsRadio" id="optionsRadiosY" value="optiony" checked="">
			                    </span>
			                    <input type="text" class="form-control">
			                  </div>
			                </div>
			              </div>
			            </div>
			          </div>
			        </div>
			      </div>
			      <!-- Row end -->

			      <!-- Row start -->
			      <div class="row no-gutter">
			        <div class="col-md-6 col-sm-6 col-xs-12">
			          <div class="panel panel-default">
			            <div class="panel-heading">
										<h4>Check Boxes</h4>
										<ul class="links">
											<li>
												<a href="#" data-original-title="" title="">
													<i class="fa fa-list"></i>
												</a>
											</li>
										</ul>
									</div>
			            <div class="panel-body">
			              <label class="checkbox-inline">
			                <input type="checkbox" id="inlineCheckbox1" value="option1" checked=""> 1
			              </label>
			              <label class="checkbox-inline">
			                <input type="checkbox" id="inlineCheckbox2" value="option2"> 2
			              </label>
			              <label class="checkbox-inline">
			                <input type="checkbox" id="inlineCheckbox3" value="option3" disabled=""> 3
			              </label>
			            </div>
			          </div>
			        </div>
			        <div class="col-md-6 col-sm-6 col-xs-12">
			          <div class="panel panel-default">
			            <div class="panel-heading">
										<h4>Radio Buttons</h4>
										<ul class="links">
											<li>
												<a href="#" data-original-title="" title="">
													<i class="fa fa-list"></i>
												</a>
											</li>
										</ul>
									</div>
			            <div class="panel-body">
			              <label class="radio-inline">
			                <input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked=""> 1
			              </label>
			              <label class="radio-inline">
			                <input type="radio" name="optionsRadios" id="optionsRadios2" value="option2">2
			              </label>
			              <label class="radio-inline">
			                <input type="radio" name="optionsRadios" id="optionsRadios3" value="option2" disabled="">3
			              </label>
			            </div>
			          </div>
			        </div>
			      </div>
			      <!-- Row end -->

			      <!-- Row start -->
			      <div class="row no-gutter">
			        <div class="col-md-12 col-sm-12 col-xs-12">
			          <div class="panel panel-default">
			            <div class="panel-heading">
										<h4>Inline Form</h4>
										<ul class="links">
											<li>
												<a href="#" data-original-title="" title="">
													<i class="fa fa-list"></i>
												</a>
											</li>
										</ul>
									</div>
			            <div class="panel-body">
			              <form class="form-inline" role="form">
			                <div class="form-group">
			                  <label class="sr-only" for="exampleInputEmail2">Email address</label>
			                  <input type="email" class="form-control" id="exampleInputEmail2" placeholder="Enter email">
			                </div>
			                <div class="form-group">
			                  <label class="sr-only" for="exampleInputPassword2">Password</label>
			                  <input type="password" class="form-control" id="exampleInputPassword2" placeholder="Password">
			                </div>
			                <div class="checkbox">
			                  <label>
			                    <input type="checkbox"> Remember me
			                  </label>
			                </div>
			                <button type="submit" class="btn btn-info">Sign in</button>
			              </form>
			            </div>
			          </div>
			        </div>
			      </div>
			      <!-- Row end -->

			      <!-- Row start -->
			      <div class="row no-gutter">
			        <div class="col-md-12 col-sm-6 col-xs-12">
			          <div class="panel panel-default">
			            <div class="panel-heading">
										<h4>Inputs</h4>
										<ul class="links">
											<li>
												<a href="#" data-original-title="" title="">
													<i class="fa fa-list"></i>
												</a>
											</li>
										</ul>
									</div>
			            <div class="panel-body">
			              <form class="form-horizontal row-border" action="#">
			                <div class="form-group">
			                  <label class="col-md-2 control-label">Default input field</label>
			                  <div class="col-md-10">
			                    <input type="text" name="regular" class="form-control">
			                  </div>
			                </div>
			                <div class="form-group">
			                  <label class="col-md-2 control-label">Password</label>
			                  <div class="col-md-10">
			                    <input class="form-control" type="password" name="pass">
			                  </div>
			                </div>
			                <div class="form-group">
			                  <label class="col-md-2 control-label">With placeholder</label>
			                  <div class="col-md-10">
			                    <input class="form-control" type="text" name="placeholder" placeholder="placeholder">
			                  </div>
			                </div>
			                <div class="form-group">
			                  <label class="col-md-2 control-label">Disabled field</label>
			                  <div class="col-md-10">
			                    <input type="text" name="disabled" disabled="disabled" value="disabled" class="form-control">
			                  </div>
			                </div>
			                <div class="form-group">
			                  <label class="col-md-2 control-label">Read only field</label>
			                  <div class="col-md-10">
			                    <input class="form-control" type="text" name="readonly" readonly="" value="read only">
			                  </div>
			                </div>
			                <div class="form-group">
			                  <label class="col-md-2 control-label">Help text</label>
			                  <div class="col-md-10">
			                    <input type="text" name="regular" class="form-control">
			                    <span class="help-block">A block of help text that breaks onto a new line and may extend beyond one line.</span>
			                  </div>
			                </div>
			                <div class="form-group">
			                  <label class="col-md-2 control-label">Predefined value</label>
			                  <div class="col-md-10">
			                    <input type="text" name="regular" value="http://" class="form-control">
			                  </div>
			                </div>
			                <div class="form-group">
			                  <label class="col-md-2 control-label">With icon</label>
			                  <div class="col-md-10">
			                    <input type="text" name="regular" class="form-control">
			                    <i class="icon-pencil input-icon"></i>
			                  </div>
			                </div>
			                <div class="form-group">
			                  <label for="labelfor" class="col-md-2 control-label">Clickable label</label>
			                  <div class="col-md-10">
			                    <input type="text" name="labelfor" id="labelfor" class="form-control">
			                  </div>
			                </div>
			                <div class="form-group">
			                  <label class="col-md-2 control-label">Column sizing</label>
			                  <div class="col-md-10">
			                    <div class="row gutter">
			                      <div class="col-xs-3">
			                        <input type="text" class="form-control" placeholder=".col-xs-3">
			                      </div>
			                      <div class="col-xs-5">
			                        <input type="text" class="form-control" placeholder=".col-xs-5">
			                      </div>
			                      <div class="col-xs-4">
			                        <input type="text" class="form-control" placeholder=".col-xs-4">
			                      </div>
			                    </div>
			                  </div>
			                </div>
			                <div class="form-group has-success">
			                  <label class="col-md-2 control-label">Input success</label>
			                  <div class="col-md-10">
			                    <input type="text" class="form-control" id="inputSuccess" placeholder="Input Success">
			                    <i class="icon-pencil input-icon success"></i>
			                  </div>
			                </div>
			                <div class="form-group has-warning">
			                  <label class="col-md-2 control-label">Input warning</label>
			                  <div class="col-md-10">
			                    <input type="text" class="form-control" id="inputWarning" placeholder="Input Warning">
			                    <i class="icon-pencil input-icon warning"></i>
			                  </div>
			                </div>
			                <div class="form-group has-error">
			                  <label class="col-md-2 control-label">Input error</label>
			                  <div class="col-md-10">
			                    <input type="text" class="form-control" id="inputError" placeholder="Input Error">
			                    <i class="icon-pencil input-icon error"></i>
			                  </div>
			                </div>
			              </form>
			            </div>
			          </div>
			        </div>
			      </div>
			      <!-- Row end -->
					</div>